.g_table {
		margin: 0;
		padding: 0;
		border: 0;
		border-collapse: separate;
		border-spacing: 0px;
	 }

.g_main {
	position: relative; 
	width: 1px;
	overflow: auto;
}

.g_left {
	position: relative; 
	float: left; 
	width: 1px;
	background-color: ThreeDFace;
}

.g_top {
	position: relative; 
	background-color: ThreeDFace; 
	overflow: hidden;
}

.g_table_div {
	position: relative;
}

.g_button { 	
		background:      ThreeDFace;
		border:          1px solid;
	      	border-color:    ThreeDHighlight ThreeDDarkShadow ThreeDDarkShadow ThreeDHighlight;
		padding-right: 9px;
		padding-left: 9px;
		padding-bottom: 2px;
		cursor: pointer; 
		text-align: center;
		color: black; 
		font-size: 12px;
		-moz-user-select: None;
		white-space: nowrap;
		height: 100%;
	     }

.g_button_down {
		border: 1px solid;
	      	border-color:    ThreeDDarkShadow ThreeDHighlight ThreeDHighlight ThreeDDarkShadow;
		background:      ThreeDFace;
		padding-top: 1px;
		padding-left: 10px;
		padding-right: 8px;
		text-align: center;
		color: black; 
		cursor: pointer;
		font-size: 12px;
		-moz-user-select: None;
	  }

.g_cell {
		border-bottom: solid;
		border-right: solid;
		border-width: 0px 1px 1px 0px;
		border-color: #ccc;
		padding: 4px;
		font-size: 10px;
	}

.g_edit_box {
			border: solid;
			border-width: 1px;
			border-color: #999;
			padding: 3px;
			background: white;
			font-size: 10px;
			-moz-user-select: All;
	    }

	/* Start layout CSS */
	.tableWidget_headerCell,.tableWigdet_headerCellOver,.tableWigdet_headerCellDown{	/* General rules for both standard column header and mouse on header of sortable columns */
		cursor:pointer;	
		border-bottom:3px solid #C5C2B2;
		border-right:1px solid #ACA899;
		border-left:1px solid #FFF;	
		background-color: #ECE9D8;
	}
	
	.tableWidget_headerCell{	/* Standard column header */
		border-top:2px solid #ECE9D8;
		
	}
	
	.tableWigdet_headerCellOver{	/* Rollover on sortable column header */
		border-top:2px solid #FFC83C;		
	}
	.tableWidget tbody .tableWidget_dataRollOver{	/* Rollover style on mouse over (Data) */
		background-color:#FFF;	/* No mouseover color in this example - specify another color if you want this */
	}
	
	.tableWigdet_headerCellDown{
		border-top:2px solid #FFC83C;	
		background-color:#DBD8C5;
		border-left:1px solid #ACA899;
		border-right:1px solid #FFF;			
	}
	.tableWidget td{
		margin:0px;
		padding:2px;
		border-bottom:1px solid #EAE9E1;	/* Border bottom of table data cells */
		
	}
	.tableWidget tbody{
		background-color:#FFF;
	}
	.tableWidget{
		font-family:arial;
		font-size:12px;	
		width:400px;
	}
		
	/* End layout CSS */
	
	
	div.widget_tableDiv {
		border:1px solid #ACA899;	/* Border around entire widget */
		height: 200px;
		overflow:auto;
		overflow-y:auto;
		overflow:-moz-scrollbars-vertical;
		width:400px;

	}
	
	html>body div.widget_tableDiv {
		overflow: hidden;
		width:400px;
	}

	.tableWidget thead{
		position:relative;
	}
	.tableWidget thead tr{
		position:relative;
		top:0px;
		bottom:0px;
	}



	.tableWidget .scrollingContent{
		overflow-y:auto;
		overflow:-moz-scrollbars-vertical;
		width:100%;

	}
